<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<title>${singlePage.name }</title>
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/singlePage/NewsMuBan/css/list.css" />
<style>
.product li .price {
    width: 45%;
    line-height: 0px;
}
</style>
</head>

<body>
<div class="banner"  >
<c:if test="${singlePage.isCarousel eq '1'  }">
 <img src="${ctxUser }/project/${singlePage.topPic}">
</c:if>
<c:if test="${singlePage.isCarousel eq '0'  }">
 <link href="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/common.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/jQuery.js"></script><script type="text/javascript" src="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/swipe.js"></script>
<div style="-webkit-transform:translate3d(0,0,0);">
	<div class="box_swipe" id="banner_box" style="visibility: visible;">
		<ul class="m_slide">
		<c:forEach items="${pagePicList }" var="singlePagePic" >
				<li>
					<a  href="${empty singlePagePic.url?'#':'singlePagePic.url' }"> <img alt="" src="${ctxUser }/shopping/${singlePagePic.pic }" style="width:100%;height:250px;" /> </a></li>
		</c:forEach>
		</ul>
		<ol>
		<c:forEach items="${pagePicList }" var="singlePagePic" >
			<li>
				&nbsp;</li>
		</c:forEach>
		</ol>
	</div>
</div>
<script>
      $(function(){
          new Swipe(document.getElementById('banner_box'), {
              speed:500,
              auto:3000,
              callback: function(){
                  var lis = $(this.element).next("ol").children();
                  lis.removeClass("on").eq(this.index).addClass("on");
              }
          });
      });
  </script>

</c:if>
</div>

<div class="xianl"   style="margin-top:20px;"  >
    <div class=""><div class="jrfl"></div><div class="jrz">${singlePage.name }</div><div class="jrfr"></div></div>
    </div>
<div class="banner"    style="padding-bottom:30px;" >
    <ul class="product"> 
     <c:forEach items="${productList }" var="product" >
    	<c:if test="${product.productType eq '0' }">
	      <li> 
	        <a href="${ctxFront }/shopping/product/detailByShopping/${product.id}.html?uid=${uid}&wechatId=${wechatId}"> 
	          <img src="${ctxUser }/product/${product.pic}"></a> 
	         <div style="width:100%;clear:both;padding-top:2px;">
	         <span class="bt">${fn:substring(product.name, 0, 9)}</span> 
	         <p class="cont" style="min-height:15px;"  >${fn:substring(product.description, 0, 20)}</p>
	         <p  class="price">￥<span class="smart">${product.price/100 } </span>  <del>${product.sourcePrice/100 } </del>元</p> 
	         <a href="${ctxFront }/shopping/product/detailByShopping/${product.id}.html?uid=${uid}&wechatId=${wechatId}"  > <span class="buy">立即预定</span> </a>
	         </div>
	      </li>
	        </c:if>
   			 <c:if test="${product.productType eq '1' }">
   			 <li> 
	        <a href="${ctxFront }/shopping/product/detailByTry/${product.id}.html?uid=${uid}&wechatId=${wechatId}"> 
	          <img src="${ctxUser }/product/${product.pic}"></a> 
	        <div style="width:100%;clear:both;padding-top:2px;">
	         <span class="bt">${fn:substring(product.name, 0, 9)}</span> 
	         <p class="cont" style="min-height:15px;"  >${fn:substring(product.description, 0, 20)}</p>
	         <p  class="price"><span class="smart">免费${product.countByTry } 份</span> <del>${product.price/100 } </del><span class="smart">元</span> </p> 
	         <a   href="${ctxFront }/shopping/product/detailByTry/${product.id}.html?uid=${uid}&wechatId=${wechatId}" ><span class="buy">免费试用</span> </a> 
	         </div>
	      </li>
   			  </c:if>
    	</c:forEach>
    </ul>
  </div>



<!-- 
<div class="banner">
  <input name="" type="button" value="查看全部商品" class="allbtn">
</div>
 -->
<%@ include file="../footer.jsp"%>
</body>
</html>

